* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

.container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;

  .header {
    width: 100%;
    height: 65px;
    background-color: var(--bg);
    border-bottom: 1px solid var(--border-color);

    .Centerbox {
      width: 1140px;
      height: 64px;
      margin: 0 auto;
      display: flex;


    }
  }

  .main {
    width: 100%;
    flex: 1;
    background-color: var(--bg-body);

    color: inherit;


    @media (min-width: 768px) {
      .allcontainer {
        width: 768px;
      }
    }

    @media (min-width: 992px) {
      .allcontainer {
        width: 970px;
      }
    }

    @media (min-width: 1200px) {
      .allcontainer {
        width: 1140px;
      }
    }

    .allcontainer {
      margin-right: auto;
      margin-left: auto;
      background: var(--bg-body);
      box-sizing: border-box;
    }
  }
}

footer {
  width: 100%;
  height: 135px;
  background-color: #292525;
  color: white;
}

.Centerbox>.image {
  width: 100px;
  height: 64px;

  img {
    width: 100px;
    height: 36px;
    margin-top: 15px;
  }
}

.Centerbox>ul {
  width: 976px;
  height: 64px;
  display: flex;
  margin-left: 63px;
  font-size: 17px;



  li {
    line-height: 64px;
    margin-left: 25px;

    .search {
      display: inline-block;
      width: 24px;
      height: 24px;
      background: url() 100% 50% no-repeat;
      transform: translateY(-1px);
      cursor: pointer;
      // line-height: 65px;
      margin-top: 22px;
    }

    a.active {
      color: var(--primary-color) ;
    }

    a {
      color: inherit;
    }




  }


  .Switch {
    margin-left: 520px;
  }
}

// .ant-switch {
//   border: solid 1px black;
// }

.top {
  border-radius: 50%;

  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.85);

  .vato {
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 20px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    div {
      width: 14px;
      height: 16px;
      margin: 12px auto;
      background: url() 100%/100% no-repeat;
      background-size: 15px;
    }


  }

}

.active {
  color: red;
}
